 <template>
  <dv-border-box-12>
    <div class="container-3d-left">
      <div class="yc-button" @click="display"><img src="@/assets/img/yc-button.png" style="widht:20px;width:20px"></div>
      <h2>{{ sitemessage.siteName }}( {{ sitemessage.siteNo }} )</h2>
      <span>最新数据时间</span>
      <span>{{ sitemessage.time }}</span>
      <span>电池仓最高温度</span>
      <span>{{ sitemessage.warehouseMax }}℃</span>
      <span>充电柜最高温度</span>
      <span>{{ sitemessage.cabinetMax }}℃</span>
      <span>线槽最高温度</span>
      <span>{{ sitemessage.lineMax }}℃</span>
    </div>
  </dv-border-box-12>
</template>
<script>
export default {
  props: {
    sitemessage: {
      type: Object,
    },
    siteNo: {},
  },
  watch: {},
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {
    display(){
      this.$emit("display")
    }
  },
};
</script>
<style scoped>
.container-3d-left h2 {
  padding-left: 20px;
  box-sizing: border-box;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}
.container-3d-left span:nth-of-type(2n-1) {
  width: 40%;
}
.container-3d-left span:nth-of-type(2n) {
  width: 60%;
}
.container-3d-left span {
  display: inline-block;
  box-sizing: border-box;
  padding-left: 20px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 14px;
}
.yc-button{
  width:20px;
  height: 20px;
  position: absolute;
  right: 0px;
  margin-right: 15px;
  margin-top:-10px
}
.yc-button:hover{
  cursor: pointer;
}
</style>
